// 由于航运在线页面不走layout，而是跳转到单独的浏览器标签页，样式不要写在sandbox.scss中进行沙箱隔离，改为在页面中引入

// 航运在线 公用样式
// element-ui dialog样式自定义
@mixin scrollBar() {
  &::-webkit-scrollbar-track-piece {
    background: #d3dce6;
  }
  &::-webkit-scrollbar-thumb {
    background: #99a9bf;
    border-radius: 20px;
  }
  &::-webkit-scrollbar {
    width: 6px;
    height: 10px;
  }
}
.shipping-online-dialog {
  border-radius: 5px !important;
  .el-dialog__header {
    background: #004aaa;
    border-radius: 5px 5px 0 0;
    text-align: left;
    padding: 13px 23px !important;
    min-height: unset !important;
    .el-dialog__title {
      color: #fff;
      font-size: 16px;
      text-align: center;
      line-height: 16px;
    }
    .el-dialog__headerbtn {
      top: 12px;
      .el-dialog__close {
        color: #fff;
        font-size: 20px;
        font-weight: bold;
      }
    }
  }
  .el-dialog__body {
    border-radius: 0 0 5px 5px;
  }
}
.el-message-box__wrapper .el-message-box .el-message-box__header {
  padding: 13px 23px !important;
  background: #004aaa;
}
.el-message-box__wrapper .el-message-box {
  border-radius: 5px;
}
.el-message-box__btns {
  background: none !important;
}
// ::v-deep.el-message-box__header {
//   padding: 13px 23px !important;
//   background: #004aaa;
// }

// 搜索自动提示样式修改
.el-autocomplete-suggestion {
  margin-top: 0px !important;
  border-radius: 0 0 3px 3px;

  .popper__arrow {
    display: none !important;
  }
  .el-autocomplete-suggestion__wrap {
    padding: 0px;
  }
  li {
    color: #333333;
    padding: 3px 10px;
  }
  li:hover {
    background: rgba(0, 74, 170, 0.3);
  }
}
